/* 
  - 因为完整的Vue包中包含两块内容(1.模板编译模块 2.其他模块)
  - 模板编译模块是把template模板编译成虚拟DOM,但是我们项目打包完成之后,就不再需要模板编译功能
  - 模板编译模块占了vue.js的40%的空间,所以如果在项目中还携带这个完整的vue,会有下载压力
  - vue还提供了一个 vue.runtime.js版本,没有包含模板编译,还提供了一个vue-template-compiler包,专门用来模板编译
  - 在脚手架中我们把vue.runtime.js设置为生产依赖,把模板编译功能单独提炼设置为开发依赖,此时可以减少打包后的文件体积
*/

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
   //vue的配置中还提供了一个配置项 render,是一个函数,接受一个createElement方法作为参数,这个方法可以接受一个组件,然后创建虚拟DOM,
  //尤雨溪把createElement这个方法简写为h
  /* render: (createElement) => {
    return createElement(App);
  }, */
  //因为没有的vue中模板编译功能,所以我们不能书写如下的写法
  /* template: `
    <div>
      <App/>
    </div>
  `,
  components: {
    App,
  }, */
}).$mount('#app')
